{% extends "base.html" %}

{% block content %}
<center>
	<hr>
	
	<div id="loading">
        <p>
            <img src="images/loading.gif" />
        </p>
    </div>

	<form method="post" name="addnewdata" id="addnewdata" onSubmit="scramblingdata(); return false;" action="/newdata">
		<div id="label1">ReadKey: <input type="text" id="readkey" name="readkey" value="Enter your readkey..."><div id="checkReadkey">Incorrect format of readKey</div></div>
		<div id="label2">WriteKey:<input type="text" id="writekey" name="writekey" value="Enter your writekey..."><div id="checkWritekey">Incorrect format of writeKey</div></div>

		<textarea id="information" name="information" WRAP="virtual" COLS="50" ROWS="15">Your information...</textarea><br>

		<center><input type="submit" id="ok" value="OK" class="button red"><br><center>
	</form>
	
	<hr>
</center>
{% endblock %}